<style scoped>

.vuep-editor .CodeMirror, .vuep-preview .CodeMirror, .vuep-error .CodeMirror {
  display: none !important;
}

/deep/ .vuep-editor, .vuep-preview, .vuep-error {
  border-radius: 2px;
  height: inherit;
  margin-right: 10px;
  overflow: auto;
  width: 0%;
}

/deep/ .vuep-preview, .vuep-error {
  width: 100%;
}

@import 'vuepc.css';

</style>

<template>
  <div id="app">
    <vuep class="hide-code" :template="vueCode" :scope="this"></vuep>
  </div>
</template>

<script>
export default {
  name: "landingGraph",
  data() {
    return {
      pluginContext: {},
      vueCode: ''
    }
  },
  created() {
    this.pluginContext = JSON.parse(localStorage.getItem('pluginContext'))
    this.vueCode = localStorage.getItem('vueCode')
    this.$forceUpdate()
    console.log(this.pluginContext)
    console.log(this.vueCode)
  }
}
</script>
